<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>用户详情 -- 托无忧评测运营支撑系统</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/style.css" rel="stylesheet">
    <link href="/css/pages/dashboard.css" rel="stylesheet">

    <script src="https://kit.fontawesome.com/3fe533300e.js" crossorigin="anonymous"></script>



    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<div class="container">

    <ul class="nav nav-tabs nav-justified ">
        <li role="presentation"><a href="/mview/index">首页</a></li>
        <li role="presentation" class="active"><a href="#">用户列表</a></li>
        <li role="presentation"><a href="/mview/promocodes">优惠码</a></li>
        <li role="presentation"><a href="/mview/orders">订单列表</a></li>
        <li role="presentation"><a href="/mview/redeemcodes">兑换码</a></li>
        <li role="presentation"><a href="/mview/redeemrecords">兑换记录</a></li>
        <li role="presentation"><a href="/mview/products">产品列表</a></li>
        <li role="presentation"><a href="/mview/news">新闻列表</a></li>
        <li role="presentation"><a href="/mview/articles">文章</a></li>
    </ul>

    <div class="span12">
        <div class="widget ">

            <div class="widget-header">&nbsp;&nbsp;<i class="fas fa-user">
                用户信息</i>
            </div>

            <div class="widget-content">

                <form id="edit-profile" class="form-horizontal">
                    <fieldset>



                        <div class="control-group">
                            <label class="control-label" for="mobile" >用户电话</label>
                            <div class="controls">
                                <input type="text" class="span6" disabled id="mobile" th:value="${staff.mobile}">
                            </div> <!-- /controls -->
                        </div> <!-- /control-group -->

                        <div class="control-group">
                            <label class="control-label" for="platform" >用户平台</label>
                            <div class="controls">
                                <input type="text" class="span6" disabled id="platform" th:value="${staff.getPlatform()}">
                            </div> <!-- /controls -->
                        </div> <!-- /control-group -->

                        <div class="control-group">
                            <label class="control-label" for="appid" >用户来源</label>
                            <div class="controls">
                                <input type="text" class="span6" disabled id="appid" th:value="${staff.sourceAppId}">
                            </div> <!-- /controls -->
                        </div> <!-- /control-group -->

                        <br><br>

                        <div class="control-group">
                            <label class="control-label" for="orgName">机构名称</label>
                            <div class="controls">
                                <input type="text" class="span4" id="orgName" th:value="${org.name}">
                            </div> <!-- /controls -->
                        </div> <!-- /control-group -->


                        <div class="control-group">
                            <label class="control-label" for="contract-phone">机构电话</label>
                            <div class="controls">
                                <input type="text" class="span4" id="contract-phone" th:value="${org.contactNumber}">
                            </div> <!-- /controls -->
                        </div> <!-- /control-group -->

                        <div class="control-group">
                            <label class="control-label">额外配置</label>
                            <div class="controls">
                                <label class="checkbox inline">
                                    <input type="checkbox" id ="isTest" th:value="${org.test}"> 作为测试账号 </label>
                                </label>

                                <label class="checkbox inline">
                                    <input type="checkbox" id ="isAdmin" th:value="${staff.admin}"> 作为管理账号 </label>
                                </label>
                            </div>		<!-- /controls -->
                        </div> <!-- /control-group -->






                        <div class="control-group">
                            <label class="control-label" for="radiobtns">Textbox with Buttons </label>

                            <div class="controls">
                                <div class="input-append">
                                    <input class="span2 m-wrap" id="appendedInputButton" type="text">
                                    <button class="btn" type="button">Go!</button>
                                </div>
                            </div>	<!-- /controls -->
                        </div> <!-- /control-group -->





                        <div class="control-group">
                            <label class="control-label" for="radiobtns">Dropdown in a button group</label>

                            <div class="controls">
                                <div class="btn-group">
                                    <a class="btn btn-primary" href="#"><i class="icon-user icon-white"></i> User</a>
                                    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
                                        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
                                        <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
                                        <li class="divider"></li>
                                        <li><a href="#"><i class="i"></i> Make admin</a></li>
                                    </ul>
                                </div>
                            </div>	<!-- /controls -->
                        </div> <!-- /control-group -->





                        <div class="control-group">
                            <label class="control-label" for="radiobtns">Button sizes</label>

                            <div class="controls">
                                <a class="btn btn-large" href="#"><i class="icon-star"></i> Star</a>
                                <a class="btn btn-small" href="#"><i class="icon-star"></i> Star</a>
                                <a class="btn btn-mini" href="#"><i class="icon-star"></i> Star</a>
                            </div>	<!-- /controls -->
                        </div> <!-- /control-group -->



                        <br>


                        <div class="form-actions">
                            <button type="submit" class="btn btn-primary">Save</button>
                            <button class="btn">Cancel</button>
                        </div> <!-- /form-actions -->
                    </fieldset>
                </form>





            </div> <!-- /widget-content -->

        </div>
    </div>
</div> <!-- /container -->

<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
</body>
</html>